<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>查看宣传计划申请</title>
		<link rel="stylesheet" href="../../vendor/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/public.css" />
		<link rel="stylesheet" href="../../css/readPublicityPlan.css" />
	</head>

	<body>
		<div class="container-fluid setWidth read-publicity-plan">
			<div class="form-table">
				<div class="ft-top">
					<h3 class="text-center">宣传计划申请</h3>
					<p class="ft-t-state">
						状态&nbsp;:&nbsp;待审批
					</p>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>拟稿部门</td>
							<td></td>
							<td>拟稿时间</td>
							<td></td>
						</tr>
						<tr>
							<td>拟稿人</td>
							<td></td>
							<td>联系电话</td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>标题</td>
							<td colspan="3">
							</td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>类别</td>
							<td>
							</td>
							<td>
								<td>
								</td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>计划所属年月</td>
							<td>
							</td>
							<td></td>
							<td></td>
						</tr>

					</tbody>
				</table>
				<div class="data-table mid-table">
					<div class="mt-title">
						<h4>计划任务工作指标完成情况</h4>
					</div>
					<div class="mt-content">
						<ul>
							<li>
								<span data-toggle="collapse" data-target="#collapse1">
									<i class="glyphicon glyphicon-triangle-right"></i> （张静怡）2015年3月内至少完成撰写4稿新闻稿件向新闻媒体提供稿件并发布 （1/4）
								</span>
								<span data-toggle="modal" data-target=".bs-example-modal-lg">[填写已完成]</span>
								<ul id="collapse1" class="panel-collapse collapse" role="tabpanel">
									<li>张静怡 2015年3月12日新闻稿新闻稿新闻稿新闻稿登记 （2013-03-22）</li>
									<li>张静怡 2015年3月12日新闻稿新闻稿新闻稿新闻稿登记 （2013-03-22）</li>
									<li>张静怡 2015年3月12日新闻稿新闻稿新闻稿新闻稿登记 （2013-03-22）</li>
								</ul>
							</li>
							<li>
								<span data-toggle="collapse" data-target="#collapse2">
									<i class="glyphicon glyphicon-triangle-right"></i> （张静怡）2015年3月内至少完成撰写4稿新闻稿件向新闻媒体提供稿件并发布 （1/4）
								</span>
								<span data-toggle="modal" data-target=".bs-example-modal-lg">[填写已完成]</span>
								<ul id="collapse2" class="panel-collapse collapse" role="tabpanel">
									<li>张静怡 2015年3月12日新闻稿新闻稿新闻稿新闻稿登记 （2013-03-22）</li>
								</ul>
							</li>
						</ul>

					</div>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>备注</td>
							<td colspan="3">
							</td>
						</tr>
						<tr>
							<td>可查阅部门</td>
							<td colspan="3">
								<div class="mt-checkbox">
									<label class="checkbox-inline">
										血源管理科
									</label>
									<label class="checkbox-inline">
										机采成分科
									</label>
									<label class="checkbox-inline">
										科教信息科
									</label>
								</div>
							</td>
						</tr>
						<tr>
							<td>附件</td>
							<td colspan="3">
								<div class="ft-t-file">
									<p>
										<a href="javascript:;">广州血液中心.doc</a>
									</p>
									<p>
										<a href="javascript:;">广州血液中心.doc</a>
									</p>
								</div>
							</td>
						</tr>
						<tr>
							<td>领导审批意见</td>
							<td colspan="3"></td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
		<!--模态框-->
		<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-body">
						<div class="modal-table">
							<h3>宣传工作指标完成情况登记</h3>
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td>
											登记人
										</td>
										<td>
										</td>
										<td>
											登记时间
										</td>
										<td>
										</td>
									</tr>
									<tr>
										<td>
											工作指标
										</td>
										<td colspan="3">
										</td>

									</tr>
									<tr>
										<td>
											<span class="font-red">*</span>完成时间
										</td>
										<td>
											<input type="text" class="form-control input-sm" />
										</td>
										<td>
											<span class="font-red">*</span>完成次数
										</td>
										<td>
											<input type="text" class="form-control input-sm" />
										</td>
									</tr>
									<tr>
										<td>
											状态
										</td>
										<td colspan="3">
											<textarea rows="3" class="form-control"></textarea>
										</td>
									</tr>
									<tr>
										<td>
											附件
										</td>
										<td colspan="3">
											<button class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>添加</button>
											<div class="mt-file">
												<p>广州血液中心.doc
													<a href="javascript:;">[删除]</a>
												</p>
												<p>广州血液中心.doc
													<a href="javascript:;">[删除]</a>
												</p>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											备注
										</td>
										<td colspan="3">
											<input type="text" class="form-control input-sm" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary">保存</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
		<!--模态框end-->
		<script type="text/javascript" src="../../vendor/jquery1.9.min.js"></script>
		<script type="text/javascript" src="../../vendor/bootstrap-3.3.7/js/bootstrap.min.js"></script>
		<script type="text/javascript">
		</script>
	</body>

</html>